<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <title>热搜网</title>
    <link rel="stylesheet" href="/css/base.css"/>
    <link rel="stylesheet" href="/css/default.css"/>
    <link rel="stylesheet" href="/css/discuss.css"/>
    <link rel="stylesheet" href="/css/global.css"/>
    <link rel="stylesheet" href="/css/global-common.css"/>
    <link rel="stylesheet" href="/css/ui.css"/>
    <link rel="stylesheet" href="/css/self.css"/>
</head>

<body>
    <div class="nk-container">
        <div class="nk-main clearfix">
            <div class="web-title">
                <h2>欢迎来到热搜网！(广告位招租)</h2>
            </div>
            <!-- 广告位 -->
            <div class="mini-banner">
                <a href="/" target="_blank">
                    <img alt="广告位招租"
                        src="/images/template.png">
                </a>
            </div>
            <!--主体内容-->
            <div class="nk-content">
                <div class="module-box">
                    <!-- 导航 -->
                    <div class="discuss-tab-wrap">
                        <a href="/index/weibo" class="discuss-tab" th:classappend="${flag=='weibo'?'selected':''}">微博热搜</a>
                        <a href="/index/bilibili" class="discuss-tab" th:classappend="${flag=='bilibili'?'selected':''}">B站排行榜</a>
                        <!-- <a href="" class="discuss-tab ">知乎热榜</a> -->
                        <a href="/index/about" class="discuss-tab" th:classappend="${flag=='about'?'selected':''}">关于</a>
                    </div>
                    <!-- 内容 -->
                    <div class="module-body">
                        <ul class="common-list">
                            <li class="clearfix" th:each="data:${hot}">
                                <div class="discuss-detail">
                                    <div class="discuss-main clearfix">
                                        <a th:href="${data.url}" target="_blank">
                                           <span th:text="${data.title}"></span>
                                        </a>
                                    </div>
                                    <div class="feed-foot">
                                        <div class="feed-origin">
                                            <p class="feed-tip">
                                                更新时间：<span class="update-time"></span>&nbsp;&nbsp;&nbsp;热度：<span th:text="${data.hot}"></span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <!-- 关于 -->
                            <li class="clearfix" th:if="${about}!=null">
                                <div class="discuss-detail">
                                    <div class="discuss-main clearfix">
                                       	<span th:utext="${about}"></span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="/js/index.js"></script>
</body>

</html>